<template>
  <el-button type="primary"
             @click="form.deep.deep.deep.value='改变deep.deep.deep.value值'">改变deep.deep.deep.value值</el-button>
  <el-button type="primary"
             @click="form.test='改变test值'">改变test值</el-button>
  <br /><br />
  {{form}}
  <avue-form :option="option"
             v-model="form"> </avue-form>
</template>
<script>
export default {
  data () {
    return {
      form: {
        deep: {
          deep: {
            deep: {
              value: 1
            }
          }
        }
      },
      option: {
        labelWidth: 120,
        column: [
          {
            label: '我是深结构',
            prop: 'test',
            bind: 'deep.deep.deep.value'
          }
        ]
      }
    }
  }
}
</script>